/* CSS du menu horizontal */
.visu{
    width:80px;
}                                                                                      
.menu{
    margin-left:200px;
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:900px;
    font-family: Corsiva;
    font-size:0.8em;
    -moz-border-radius: 20px;   
}

.menu ul{
    position:absolute;
    display:block;
    width:124px;
    /*margin:0;*/
    padding:0;
}
    
.menu li ul{
    visibility:hidden;
}

.menu li li ul{
    position:absolute;
    margin-left:124px;
    margin-top:-23px;
}

.menu li{
    list-style:none;
    width:124px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
}
    
.menu li li{
    display:block;
    float:none;
}
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
}

.menu a{
    text-align:center;
    background-color: #9cf;
    border:1px #666 solid;
    color:#000;
    display:block;
    width:120px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
}
    
.menu a:hover{
    background-color: #eee;
    border:1px #aaa solid;
}
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}
img { 
    border : none; 
}
a.linkOver{
    background-color: #eee;
}
/* Fin du code pour le menu */

/* Css des pages */
body {
    background-color: lightgrey;
}

#page{
    background-color: #efeded;   
    width:1000px;
    border-color:black;
    border-style: dashed;
    border-width: 1px;
    margin: auto;      
}

#header{
    background-color: white;
}

#victor{
    margin-left: 450px;
}

#left-ban{
    background-image: url('../images/left-ban.jpg');
    width:200px;
    height:171px;
}

#text-header1{
    font-family: "Monotype Corsiva";
    font-size:3em;
    margin-left:30px;
    color:blue;
}

#text-header2{
    font-family: "Monotype Corsiva";
    font-size:2em;
    margin-left:60px;
    color:blue;
}

#text-header3{
    font-family: "Monotype Corsiva";
    font-size:1em;
    margin-left:30px;
}

#center-ban{
    width:650px;
    height:171px;   

}

#right-ban{
    background-image: url('../images/right-ban.jpg');
    width:60px;
    height:171px;
}

#login{
    margin-left: 20px;
    width:300px;
}

/* Redéfinition des balises d'origine */
a {
    text-decoration: none;
    color: blue;
}
a:hover{
    text-decoration: none;
    color: black;
}
h1{
    color: blue;
    font-size :1em;
}
h3{
    color: blue;
    font-size :0.8em;
}

ul li{
    list-style-type: none; 
}

ol li{
    margin-top: 10px;;
}

img{
    border:0;
} 

/* CSS du corp de la page*/
div#corp{
    background-color: #efeded;   
    margin-top:28px;
    margin-left:10px;
    padding:10px;
    width:900px; 
    height: 550px;  
}

html body div#corp
{
    width:900px;
    height: auto;
    min-height: 550px;
}

/* Mise en valeur de certains mots*/
#hightlight{
    color: #FB7D00;
}

#hightlight2{
    color: red;
    text-decoration: none;
}

#hightlight3{
	color:red;
	font-size:0.7em;
}

#listHightlight{
    border-style:dashed;
    border-color: red;
    background-color: #dadc4a;
    border-width: 1px;
    padding:10px;
}

#footer{
    margin-top: 20px;
    font-size: small;
    color:blue;
    text-align: center;
}

#footer img{
    border-bottom-style: none;
    margin-top:0px;
}

/* Style de la page accueil*/
#tabPart{
    width:300px;
}

#tabCont{
    width:1500px;
    margin-left:100px;
}
#part{
    background-image: url("../images/marques.jpg");
    background-repeat: no-repeat;
    width:570px;
    height:175px;
    margin-left: auto;   
}

#contenu-expo{

}

#contenu-expo li{
    list-style-type: square; 
}

#Nouveautes_livre{   
    float:left; 
    margin-top:50px;
    margin-left:10px;
    margin-right:50px;
    padding:0px  
}

/* Style erreur */
#erreurs{
    color:red;
    font-weight: bold;
}

/* Style reservation de semaine */
#reserve td{
    width:500px;
}

/* Style pour la récapitulation des infos de réservation */
.titreForm{
    width:200px;
    font-weight:bold;
}

/* Style de la page de connection*/
#boite_connect{
    
}

/* Style de l'espace d'admin */
#nomPropre{
    text-transform:capitalize;
    font-weight: bold;
}

.aff{
    float:right;
}

.feu_vert{
    background-image: url(../images/feu_vert.jpg);
    width:20px;
    height:41px;
}

.feu_rouge{
    background-image: url(../images/feu_rouge.jpg);
    width:20px;
    height:41px;
}
  
/* Liste livre */

#voir_valid_select{
    width: 300px;
    border-color: black;
    border-width: 1px;
    background-color: #E0E0E0;
}

#message{
    margin-right: 10px;
    font-size:1.1em;
    font-weight:bold;
    color:green;
}

#entete{
    background-color: #D6D6D6;
}

.livre{
    width:950px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border-color: gray;
    border-width: 1px;
    margin-left:auto;
    margin-right:auto;
    background-color: #F5F5F5;
}

.titre{
   color:#696969;
   font-family:sans-serif; 
   font-weight: bold;
   font-size: 0.8em;
   /*width:700px;*/
   margin-right:20px;
}

.titre a{
    color:black;
    font-weight: bold;
    font-size: 1.1em;
}

.titreDetails{
    color:black;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center; 
}

.prixDetails{
    margin-right: 10px;
    font-size:0.8em;
    font-weight:bold;
}

.prixAncienDetails{
    margin-right: 10px;
    font-size:0.8em;
    font-weight:bold;
    color:red;
}

.collection{
    text-transform:none;
}

.secondaire{
    color:black;
}

.separation{
    background-color: lightgray;
}

.auteur{
    color:black;
    text-transform: capitalize;
    width:100px;
    margin-left:10px;
    margin-right:10px;
}

.editeur{
    text-transform:none;
    text-transform: capitalize;
    width:100px;
    margin-left:10px;
    margin-right:10px;  
}

.type_livre{
    font-family:sans-serif; 
    text-transform: none;
    font-size: 0.8em;
}

.prix{
    margin-right: 10px;
    font-size:1.3em;
    font-weight:bold;
    width:70px;
    text-align:center;
}

.promo{
    background-image: url(../images/promo.gif);
    background-repeat: no-repeat;   
    width: 130px;
    height: 30px;    
}
.new{
    background-image: url(../images/new2.gif);
    background-repeat: no-repeat;   
    width: 30px;
    height: 23px;  
}

.resume{
    text-transform: none;
    color:black;
    font-size:1em;
    font-family:sans-serif; 
}

.educ_nat{
    background-image: url(../images/educ_nat.png);
    width:27px;
    height:30px;
}

.fp{
    background-image: url(../images/fp.png);
    width:30px;                            
    height:30px;    
}

.action a{
    color:black; 
}
.action a:hover{
    color:blue; 
}

#menu_recherche{
    width:120px;
    height:400px;
    float:left;
    margin-top 100px;
    margin-right:50px
}
c
.titreRecherche{
   color:#696969;
   font-family:sans-serif; 
   font-size: 1em;    
   margin:10px;
}

#recherche{
    border-style: solid;
    border-color:grey;
    border-width: 1px;
    padding:10px;
}

/* Style pour les propositions*/
.suggestionsBox {
    position: relative;
    left: 30px;
    margin: 10px 0px 0px 200px;
    width: 200px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;    
    color: #fff;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
}

.suggestionList li:hover {
    background-color: #659CD8;
}

.navigation { 
    margin-bottom:50px; 
    padding: 0; 
    list-style: none;  
    color: black; 
    width: 170px; 
    font: 1.2em "Trebuchet MS", sans-serif; 
} 

.navigation a, .navigation span {
    height:27px;
    padding-left:30px;
    padding-top:0px;
    text-align:inherit;
    display: block; 
    color: black; 
    text-decoration: none; 
    background: url(../images/back.png) left bottom no-repeat; 
} 

.navigation .toggleSubMenu .navigation .toggleSubMenu span { 
    background-image: url(../images/back.png);
    text-align: inherit;
} 

.navigation .open .navigation .open span { 
    background-image: url(../images/back.png); 
} 

.navigation a:hover, .navigation a:focus, .navigation a:active { 
    text-decoration: underline; 
} 

.navigation .subMenu {  
    font-size: .9em; 
    margin: 0; 
    padding: 0; 
    border-bottom: 1px solid #666; 
} 

.navigation ul.subMenu a { 
    background: none; 
    padding: 3px 20px; 
}

/* Style de l'affichage des livres */
.credit_restant{
    font-weight: bold;
}

div#total{
    margin-left:100px;
}
